<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>帮助中心</title>
    <link rel="stylesheet" href="./static/css/global.css">
    <link rel="stylesheet" href="./static/css/help.css">
    <link rel="stylesheet" href="./static/js/css/layui.css" media="all">
    <script src="./static/js/layui.js" charset="utf-8"></script>
    <script src="./static/js/global/jquery-3.2.1.min.js" charset="utf-8"></script>
</head>

<body>
    <div class="global-title">
        <div>
            <!-- <span class="title-left">嗨，欢迎来贝链嗨购</span> -->
            <div class="title-left-login">
                <span>嗨，欢迎来贝链嗨购</span>
                <div class="title-left-login-user">
                    <img src="./static/img/img1.png" alt="">
                    <span>这里是用户昵称</span>
                </div>
                <a href="./mine.html">个人中心</a>
                <a href="">收藏夹</a>
                <a href="">退出账户</a>
            </div>
            <div class="title-right">
                <a href="/shopLogin.html">供应商登录</a>
                <a href="./help.html">帮助中心</a>
            </div>
        </div>
    </div>
    <div class="global-header">
        <div class="header-left">
            <img src="./static/img/header_logo.png" alt="">
            <span>帮助中心</span>
        </div>
    </div>
    <div class="title">
        <a href="">首页></a>
        <span>帮助中心</span>
    </div>
    <div class="cont">
        <div>
            <div class="cont-title">
                <span>服务</span>
                <span>用心</span>
                <span>温暖</span>
            </div>
            <div class="cont-search">
                <input type="text" placeholder="请输入您遇到的问题">
                <div>
                    <img src="./static/img/help_search.png" alt="">
                </div>
            </div>
            <div class="cont-cont">
                <a href="./issue.html" class="cont-cont-list">
                    <img src="./static/img/help_img1.png" alt="">
                    <p>常见问题</p>
                </a>
                <a href="./guide.html" class="cont-cont-list">
                    <img src="./static/img/help_img2.png" alt="">
                    <p>新手指南</p>
                </a>
                <div class="cont-cont-list" id="service">
                    <img src="./static/img/help_img3.png" alt="">
                    <p>在线客服</p>
                </div>
                <a href="./opinion.html" class="cont-cont-list">
                    <img src="./static/img/help_img4.png" alt="">
                    <p>意见反馈</p>
                </a>
            </div>
        </div>
    </div>
    <div class="lgoin-footer">
        <div>
            鲁ICP备 18098987号 copyright @2018 beilianhaigou.com.ALL Rights Reserved.
        </div>
    </div>
    <script>
        layui.use('layer', function () { //独立版的layer无需执行这一句
            var layer = layui.layer; //独立版的layer无需执行这一句
            $('#service').click(function () {
                layer.open({
                    type: 2,
                    title: '在线客服',
                    shadeClose: true,
                    shade: false,
                    maxmin: true, //开启最大化最小化按钮
                    area: ['893px', '600px'],
                    content: '//fly.layui.com/'
                });
            });
        });
    </script>

</body>

</html>